<template>
  <!-- 员工在某家公司的档案 -->
  <div>
    <p class="title">员工基本信息</p>
    <BasicInfo :basic-info="basicInfo"/>
    <p class="title">TA在此公司待过</p>
    <el-row>
      <el-col :span="14" :offset="2">
        <CompanyBrief :company="company" :isOmit="isOmit"/>
      </el-col>
    </el-row>
    <p class="title">TA在此公司的重大事件</p>
    <Comment v-for="(event,index) in bigEvent" :speaker="event" :key="index"/>
    <p class="title">TA在此公司的重大违纪</p>
    <Comment v-for="(disciplinary,index) in disciplinaries" :speaker="disciplinary" :key="index"/>
    <p class="title">TA的绩效完成情况</p>
    <el-row>
      <el-col :span="12" :offset="3">
        <Performance v-for="(task,index) in tasks" :task="task" :key="index"/>
      </el-col>
    </el-row>
    <p class="title">TA的日历</p>
    <p class="title">TA收到的评价</p>
  </div>
</template>

<script>
  import BasicInfo from "../../components/ArchivesComponent/BasicInfo";
  import CompanyBrief from "../../components/ArchivesComponent/CompanyBrief";
  import Comment from "../../components/ArchivesComponent/Comment";
  import Performance from "../../components/ArchivesComponent/Performance";

  export default {
    name: "FileInCompany",
    components: {Performance, Comment, CompanyBrief, BasicInfo},
    data() {
      return {
        basicInfo: {
          name: '王二小',
          headPortrait: 'https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2171738069,1480855196&fm=111&gp=0.jpg',
          sex: '男',
          birthday: '2000年04月08日',
          nation: '汉族',
          IDcard: '362426200004084818',
          college: '江西理工大学',
          educationBackground: '本科',
          major: '网络工程',
          qualificationsType: '全日制',
        },
        company: {
          avatar: 'https://img.bosszhipin.com/beijin/mcs/chatphoto/20201118/4555491d527acd9ed153b76a5f15f50182e5997348729a6cfe816ad90c892e55_s.jpg',
          name: '字节跳动',
          brief: '字节跳动成立于2012年3月，公司使命为“Inspire Creativity, Enrich Life（激发创造，丰富生活）”。目前公司的业务已覆盖150个国家和地区、75个语种，拥有超过6万名员工。\n' +
            '\n' +
            '字节跳动在全球推出了多款有影响力的产品，包括今日头条、抖音、西瓜视频、GOGOKID、瓜瓜龙启蒙、飞书、TikTok、FaceU激萌、轻颜、剪映、CapCut等。\n' +
            '\n' +
            '截至2020年8月，字节跳动旗下产品全球月活跃用户数超过15亿。',
          enterDate: '2015年5月3日',
          leaveDate: '2020年10月9日',
          more: '/'
        },
        isOmit: false,
        bigEvent: [//重大事件
          {
            name: '马芸',
            comment: '这个小伙子很不错,帮助销售部完成了一年5000万的业绩,这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩',
            avatar: 'https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=997215697,3350639366&fm=111&gp=0.jpg',
            publishTime: '2019年10月1日',
            position: '部门主管'
          },
          {
            name: '刘强栋',
            comment: '这个小伙子很不错,帮助销售部完成了一年5000万的业绩,这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩',
            avatar: 'https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=997215697,3350639366&fm=111&gp=0.jpg',
            publishTime: '2019年10月20日',
            position: '部门主管'
          },
          {
            name: '麻花疼',
            comment: '这个小伙子很不错,帮助销售部完成了一年5000万的业绩,这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩这个小伙子很不错,帮助销售部完成了一年5000万的业绩',
            avatar: 'https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=997215697,3350639366&fm=111&gp=0.jpg',
            publishTime: '2020年10月11日',
            position: 'HR'
          }

        ],
        disciplinaries:[//违纪
          {
            name: '马芸',
            comment: '他携款5000万逃往美国去了他携款5000万逃往美国去了他携款5000万逃往美国去了他携款5000万逃往美国去了他携款5000万逃往美国去了他携款5000万逃往美国去了他携款5000万逃往美国去了',
            avatar: 'https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=997215697,3350639366&fm=111&gp=0.jpg',
            publishTime: '2019年11月1日',
            position: '部门主管'
          }
        ],
        tasks:[
          {
            publisher:{
              avatar: 'https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3869515018,2735128030&fm=26&gp=0.jpg',
              name: '马冬梅',
              position: '部门主管'
            },
            describe: '这是这个月给你的任务',
            publishDate: '2019年02月01日',
            endDate: '2019年02月28日',
            progresses:[
              {
                date: '2019年02月07日',
                percentage: '20%',
                describe: '当前完成了20%的任务'
              },
              {
                date: '2019年02月14日',
                percentage: '60%',
                describe: '当前完成了60%的任务'
              },
              {
                date: '2019年02月28日',
                percentage: '100%',
                describe: '当前完成了100%的任务'
              }
            ]
          },
          {
            publisher:{
              avatar: 'https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3869515018,2735128030&fm=26&gp=0.jpg',
              name: '马冬梅',
              position: '部门主管'
            },
            describe: '这是这个月给你的任务',
            publishDate: '2019年03月01日',
            endDate: '2019年03月28日',
            progresses:[
              {
                date: '2019年03月05日',
                percentage: '20%',
                describe: '当前完成了20%的任务'
              },
              {
                date: '2019年03月11日',
                percentage: '60%',
                describe: '当前完成了60%的任务'
              },
              {
                date: '2019年03月29日',
                percentage: '100%',
                describe: '当前完成了100%的任务'
              }
            ]
          },

        ]
      }
    }
  }
</script>

<style scoped>
  .title {
    font-size: 18px;
    line-height: 1.7;
    color: #303133;
    margin-left: 30px;
  }
</style>
